<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
  <title>权限清单</title>
  <style>
    body {
      font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
      line-height: 1.6;
      margin: 0;
      padding: 0;
      background-color: #f5f5f5;
      color: #333;
      font-size: 16px;
    }
    
    .container {
      max-width: 100%;
      margin: 0;
      background: white;
      padding: 1rem 1.6rem 1.02rem;
      min-height: 100vh;
    }
    
    h1 {
      text-align: center;
      color: #333;
      margin-bottom: 20px;
      font-size: 20px;
      font-weight: 600;
      padding: 0 10px;
    }
    
    h2 {
      color: #333;
      margin-top: 25px;
      margin-bottom: 15px;
      font-size: 18px;
      font-weight: 600;
    }
    
    h3 {
      color: #333;
      margin-top: 20px;
      margin-bottom: 12px;
      font-size: 16px;
      font-weight: 600;
    }
    
    p {
      margin: 12px 0;
      text-align: left;
      font-size: 14px;
      line-height: 1.6;
      padding: 0 5px;
    }
    
    strong {
      color: #333;
      font-weight: 600;
    }
    
    /* 表格样式 - 移动端优化 */
    table {
      width: 100%;
      border-collapse: collapse;
      margin: 15px 0;
      background: white;
      font-size: 13px;
    }
    
    th, td {
      border: 1px solid #ddd;
      padding: 12px 8px;
      text-align: left;
      vertical-align: top;
      line-height: 1.4;
    }
    
    th {
      background-color: #f8f8f8;
      color: #333;
      font-weight: 600;
      text-align: center;
      font-size: 14px;
    }
    
    tr:nth-child(even) {
      background-color: #fafafa;
    }
    
    td p {
      margin: 0;
      padding: 0;
      font-size: 13px;
    }
    
    /* 列表样式 */
    ol, ul {
      padding-left: 20px;
      margin: 10px 0;
    }
    
    li {
      margin: 6px 0;
      font-size: 14px;
      line-height: 1.5;
    }
    
    /* 统一列表标记样式，确保跨设备一致性 */
    ol {
      counter-reset: list-counter;
      list-style: none;
      padding-left: 0;
    }
    
    ol li {
      counter-increment: list-counter;
      position: relative;
      padding-left: 30px;
      margin: 8px 0;
    }
    
    ol li::before {
      content: counter(list-counter) ".";
      position: absolute;
      left: 0;
      top: 0;
      font-weight: 600;
      color: #333;
      font-size: 14px;
      line-height: 1.5;
      min-width: 20px;
      text-align: left;
    }
    
    /* 确保在不同设备上的字体渲染一致性 */
    ol li::before {
      font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
      font-variant-numeric: tabular-nums;
      unicode-bidi: isolate;
      text-transform: none;
      text-indent: 0 !important;
      text-align: start !important;
      text-align-last: auto !important;
    }
    
    /* 链接样式 */
    a {
      color: #007AFF;
      text-decoration: none;
    }
    
    a:hover {
      text-decoration: underline;
    }
    
    /* 移动端优化 */
    @media (max-width: 768px) {
      table {
        font-size: 12px;
      }
      
      th, td {
        padding: 8px 6px;
      }
      
      h1 {
        font-size: 18px;
      }
      
      h2 {
        font-size: 16px;
      }
      
      h3 {
        font-size: 15px;
      }
      
      p {
        font-size: 13px;
      }
      
      li {
        font-size: 13px;
      }
      
      /* 移动端列表标记优化 */
      ol li {
        padding-left: 25px;
        margin: 6px 0;
      }
      
      ol li::before {
        font-size: 13px;
        min-width: 18px;
      }
    }
  </style>
</head>
<body>
  <div class="container">
    <table>
      <tbody>
      <tr>
      <td width="153">
      <p><strong>系统权限</strong></p>
      </td>
      <td width="165">
      <p><strong>对应业务功能</strong></p>
      </td>
      <td width="153">
      <p><strong>调用权限目的</strong></p>
      </td>
      <td width="224">
      <p><strong>请求权限时机</strong></p>
      </td>
      </tr>
      <tr>
      <td width="153">
      <p>相机</p>
      </td>
      <td width="165">
      <p>设备扫码</p>
      </td>
      <td width="153">
      <p>扫码识别设备信息</p>
      </td>
      <td width="224">
      <p>首次使用需要调用摄像头的功能时进行询问</p>
      </td>
      </tr>
      <tr>
      <td width="153">
      <p>相册</p>
      </td>
      <td width="165">
      <p>图片上传</p>
      </td>
      <td width="153">
      <p>选择相册中的图片进行上传，用于申请表盖章等场景</p>
      </td>
      <td width="224">
      <p>首次使用图片上传功能时进行询问</p>
      </td>
      </tr>
      <tr>
      <td width="153">
      <p>存储</p>
      </td>
      <td width="165">
      <p>数据缓存</p>
      </td>
      <td width="153">
      <p>存储用户登录信息、设备信息、搜索记录等本地数据</p>
      </td>
      <td width="224">
      <p>应用启动时自动获取，用于提升用户体验</p>
      </td>
      </tr>
      <tr>
      <td width="153">
      <p>网络</p>
      </td>
      <td width="165">
      <p>网络通信</p>
      </td>
      <td width="153">
      <p>与服务器进行数据交互，获取设备状态、发送指令等</p>
      </td>
      <td width="224">
      <p>应用启动时自动获取，用于核心功能实现</p>
      </td>
      </tr>
      <tr>
      <td width="153">
      <p>系统信息</p>
      </td>
      <td width="165">
      <p>设备识别</p>
      </td>
      <td width="153">
      <p>获取设备型号、系统版本等信息，用于功能适配</p>
      </td>
      <td width="224">
      <p>应用启动时自动获取，用于功能兼容性判断</p>
      </td>
      </tr>
      </tbody>
    </table>
    <p>&nbsp;</p>
  </div>
</body>
</html>
